<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#parent{
				background-color: white;
				border: #bbd5e9 1px solid;
				width: 400px;
				height: 500px;
			}
			#title{
				background-color: #a0d2ff;
				border: #58a3d0;
				font-size: 30px;
				font-family: "宋体";
				padding-left: 20px;
				height:50px ;
				line-height: 50px;
				color: white;
			}
			.item{
				border-bottom: #888888 1px dashed;
				
			}
			.item-child{
				display: inline-block;
				text-align: center;
				
			}
		</style>
	</head>
	<body>
		<div id="parent">
			<div id="title">
				东京奥运会奖牌榜
			</div>
			<div class="item" style="background-color: #58a300;">
			<div class="item-child" style="width: 50px;">排名</div>
			<div class="item-child" style="width: 100px;">国家</div>
			<div class="item-child" style="width: 50px;">金</div>
			<div class="item-child " style="width: 50px;">银</div>
			<div class="item-child" style="width: 50px;">铜</div>
			<div class="item-child" style="width: 50px">总计</div>
		</div>
		<div class="item" >
		<div class="item-child" style="width: 50px;">1</div>
		<div class="item-child" style="width: 100px;">中国</div>
		<div class="item-child" style="width: 50px;">100</div>
		<div class="item-child " style="width: 50px;">100</div>
		<div class="item-child" style="width: 50px;">100</div>
		<div class="item-child" style="width: 50px">300</div>
		</div>
		<div class="item" >
		<div class="item-child" style="width: 50px;">2</div>
		<div class="item-child" style="width: 100px;">雨少国</div>
		<div class="item-child" style="width: 50px;">90</div>
		<div class="item-child " style="width: 50px;">90</div>
		<div class="item-child" style="width: 50px;">90</div>
		<div class="item-child" style="width: 50px">270</div>
		</div>
		</div>
	</body>
</html>